CS3 BASIC HTML div span h1-h6 list by Alvin Fernando



Activity

Create an HTML page with the following features:

1. Open your text editor and start typing the basic structure of an HTML code.

2. Place all HTML tags in the next instructions inside the <body> </body> tag. Rememberto use proper indentation.

3. Decide on a page title for your page. You may choose any academically appropriate topic (I recommend things related to anime/movie/drama). Place your title in an <h1> tag.

4. In the <p> tag, give a brief introduction on what the topic is about. Minimum of 50 words.

5. Notice that the <div> tag was used to group related HTML tags together. This provides for a neater and more organized code. It will also help you better with layouting later in our lessons.

6. Create a list of your favorites about the topic. For example, your favorite characters from an anime. Use ordered list. Use <h3> for the header of the list.

7. Enclose the <h3> and the list tags in a <span> tag. Doing this allows you to group related tags together, much like <div> .

8. Lastly, add a <p> tag and write a copyright line. Use your own name
Example:

Copyright © A.C. Fernando 9-Section

In order to add the copyright symbol, write &copy; or &#169; in your code.
See the line below:

<p> Copyright &copy; A.C Fernando 9-Section</p>

OR

<p> Copyright &#169 A.C Fernando 9-Section</p>

9. Your output should be similar to the screenshot given below.

10. Save your output as mod2-2_surname.html. Be sure to save it as "[FILENAME].html" rather that "[FILENAME].txt".
click here to view how to save the file in HTML format.

You can enhance your website's appearance by adding images to give it a stylish and visually appealing look.